@import "../../../../purchase/purchase-order/purchase-order-add/purchase-order-add.component.scss";
.modal-backdrop {
  position: fixed;
    top: 0;
    right: 0;
    bottom: 0 !important;
    left: 0;
    z-index: calc(var(--devui-z-index-modal, 1050) - 1);
    background-color: var(--devui-shadow, rgba(37, 43, 58, .24));
}

.modal {
  width: 300px;
  opacity: 1;
  transform: translateY(0px);
  margin:0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-150%);
  border-radius: var(--devui-border-radius-card, 6px);
  border: none;
  background-color: var(--devui-fullscreen-overlay-bg, #ffffff);
  background-clip: padding-box;
  outline: 0;
  box-shadow: var(--devui-shadow-length-fullscreen-overlay, 0 10px 24px 0) var(--devui-shadow, rgba(37, 43, 58, .24));
}

.modal-header {
  margin-bottom: 10px;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
}
